<template>
    <div>
        <van-grid :column-num="5" :border=false>
            <van-grid-item
                v-for="item in channelArr"
                :key='item.id'
                :icon="item.icon_url" 
                :text="item.name"
                @click="goKind(item.id)"
            />
        </van-grid>
    </div>
</template>

<script>
export default {
    name:'Grid',
    props:['channelArr'],
    data() {
        return {}
    },
    methods:{
        // 携带参数跳到类别页
        goKind(id){
            this.$router.push({path:'/Kind',query:{id:id}})
        }
    }
}
</script>

<style>

</style>